<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
	</head>
	
	<style>
		a{
			text-decoration: none;
			color: black;
		}
		.active{
			border: 1px solid pink;
			color: #008000;
		}
	</style>
	
	<body>
		<div id="app">
			<nav>
				<a href="#">你是人间的四月天</a></br>
				<a href="#" v-bind:class="yy">我想和你一起去旅行</a></br>
				<a href="#">天下雨了，心情就像这雨天一样灰</a>
			</nav>
		</div>
		
		<script>
			let app=new Vue({
				el:"#app",
				data:{
					yy:"active",
				}
			})
		</script>
	</body>
</html>
